:local {
  .table_wrap {
    .table_wrap {
      :global {
        .ant-table {
          border: none;
        }
        .ant-table-tbody > tr:not(.ant-table-expanded-row) {
          &:last-child {
            td {
              border-bottom: none;
            }
          }
        }
      }
    }
    :global {
      .ant-spin {
        color: #5deda4;
        .ant-spin-dot i {
          background-color: #5deda4;
        }
      }
      .ant-table {
        table {
          table-layout: fixed;
        }
        border: 1px solid #e4e4e4;
        border-bottom: none;
        .ant-table-tbody > tr > td {
          border-color: #e4e4e4;
          text-align: center;
          padding: 12px;
          min-width: 10px;
          line-height: 33px;
        }
        .ant-table-thead > tr > th {
          border-color: #e4e4e4;
          font-size: 14px;
          padding: 14px;
          background-color: #fafafa;
          text-align: center;
        }
        .ant-table-placeholder {
          border: none;
        }
        .ant-table-tbody > tr {
          td {
            &:first-child {
              border-left: 4px solid transparent;
            }
          }
          &:hover {
            & > td {
              // &:first-child {
              //   border-left: 4px solid #5deda4;
              // }
              background-color: #f2fff5;
              color: #30d581;
            }
          }
        }
        .ant-table-tbody > tr.ant-table-expanded-row {
          &:hover {
            & > td {
              // &:first-child {
              //   border-left: 4px solid #5deda4;
              // }
              background-color: #fafafa;
            }
          }
        }
        .ant-table-placeholder {
          border-bottom: 1px solid #e4e4e4;
        }
        // .ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
        //   display: none;
        // }
        .ant-table-expanded-row {
          .ant-table-placeholder {
            background-color: #fafafa;
          }
        }
        .ant-table-expanded-row .ant-table-expanded-row {
          .ant-table-placeholder {
            background-color: #f6f6f6;
          }
        }
        .ant-table-expanded-row .ant-table-expanded-row > td:first-child {
          display: none;
        }
        .ant-table-expanded-row .ant-table-expanded-row > td:last-child {
          padding: 0;
          width: 100% !important;
          table > thead > tr > th {
            box-shadow: 0 8px 16px -15px #747474 inset;
            background-color: #f6f6f6;
          }
          table > tbody > tr:last-child > td {
            box-shadow: 0 -7px 16px -15px #747474 inset;
          }
          table > tbody > tr > td {
            background-color: #f6f6f6;
          }
          table > tbody > tr {
            &:hover {
              & > td {
                background-color: #f2fff5;
              }
            }
          }
        }
        .ant-table-expanded-row > td:last-child {
          padding: 0 50px 0 50px;
        }
      }
    }
  }
  .table_darker {
    :global {
      .ant-spin-dot i {
        background-color: #65e6a5;
      }
      .ant-pagination {
        .ant-pagination-total-text {
          color: #fff;
        }
      }
      .ant-pagination-options-quick-jumper {
        color: #fff;
      }
      .ant-pagination-prev .ant-pagination-item-link,
      .ant-pagination-next .ant-pagination-item-link {
        background-color: #4c596f;
        border: 1px solid #4c596f;
        color: #213544;
      }
      .ant-pagination-disabled .ant-pagination-item-link:hover,
      .ant-pagination-disabled .ant-pagination-item-link:hover {
        background-color: #4c596f;
        border: 1px solid #4c596f;
        color: #213544;
        &:hover {
          border: 1px solid #4c596f;
        }
      }
      .ant-pagination-options-quick-jumper input {
        background-color: #4c596f;
        border: 1px solid #4c596f;
        color: #213544;
      }
      .ant-select-selection {
        background-color: #4c596f;
        border: 1px solid #4c596f;
        color: #fff;
        &:hover {
          border: 1px solid #4c596f;
        }
      }
      .ant-select-arrow {
        color: #fff;
      }
      .ant-pagination-next:hover .ant-pagination-item-link,
      .ant-pagination-prev:hover .ant-pagination-item-link {
        background-color: #4c596f;
        border: 1px solid #4c596f;
        color: #213544;
      }
      .ant-pagination-item {
        border-color: #4c596f;
        a {
          color: #fff;
        }
      }
      .ant-pagination-item-active {
        border-color: #50e399;
        a {
          color: #50e399;
        }
      }
      .ant-pagination-jump-next:after,
      .ant-pagination-jump-prev:after {
        color: #fff;
      }
      .ant-table {
        border: 1px solid #4c596f;
        border-bottom: none;
        .ant-table-placeholder {
          border-color: #4c596f;
          background-color: rgba(0, 0, 0, 0.05);
          color: #fff;
        }
        .ant-table-tbody > tr {
          &:hover {
            & > td {
              background-color: rgba(0, 0, 0, 0.05);
            }
          }
        }
        .ant-table-tbody > tr > td {
          background-color: rgba(0, 0, 0, 0.05);
          border-color: #4c596f;
          color: #fff;
        }
        .ant-table-thead > tr > th {
          border-color: #4c596f;
          background-color: #283144;
          color: #fff;
        }
      }
    }
  }
}
